body {background-color: #f5f5f5;}

header {background-color: #c81622; height: 60px; overflow: hidden; padding: 0;}
header .logo {height: 60px; overflow: hidden;}
header .logo img {margin-top: 5px;}
header .sub-nav > ul {background: none; margin-left: 80px}
header .sub-nav > ul > li > a {display: block; padding: 0 20px; height: 60px; line-height: 60px; color: #ffffff; font-size: 1.2em;}
header .sub-nav > ul > li:hover > a, header .sub-nav > ul > li.selected > a {color: #fcff02; background: none;}

.sub-nav {position: relative; margin: 0;}
.sub-nav > ul {background-color: #e70012; overflow: auto;}
.sub-nav > ul > li {float: left;}
.sub-nav > ul > li > a {display: block; padding: 0 30px; height: 40px; line-height: 40px; color: #ffffff; font-size: 1.2em;}
.sub-nav > ul > li > a:hover {background-color: #ffffff; color: #e70012;}

.user-main {background-color: #ffffff; overflow: auto; padding: 20px 0;}

.table-list {position: relative; overflow: auto;}
.table-list .hd {background-color: #eeeeee;}
.table {overflow: auto; margin: 0;}
.table li {float: left; overflow: hidden;}
.table-list .hd .table li {text-align: center;}

.left-menu {padding: 0 20px;}
.left-menu li {color: #999999;}
.left-menu li > h5 {font-size: 1.5rem; border-bottom: 1px solid #dddddd; padding-bottom: 10px; padding-left: 10px;}
.left-menu li > ul {position: relative; overflow: hidden;}
.left-menu li > ul > li {font-size: 1.2rem; padding-left: 30px; line-height: 40px; height: 40px; margin-top: 2px;}
.left-menu li > ul > li a {display: block;}
.left-menu li > ul > li:hover {background-color: #eeeeee;}
.left-menu li > ul > li.selected {background-color: #eeeeee; border-left: 2px solid #93cb11;}

.user-main .col-xs-9 {padding: 0 15px;}
.user-main .col-xs-9 h5 {border-bottom: 1px solid #dddddd; font-weight: 600; font-size: 1.5rem; padding-bottom: 10px; padding-left: 10px;}

.panel {border-radius: 0;}
.panel .head {background-color: #eeeeee; padding: 15px; font-size: 1.2rem;}
.panel .panel-head {padding: 10px;}
.panel .panel-main {padding: 10px;}
.panel.panel-border {border: 1px solid #dddddd;}
.panel.panel-border .panel-head {border-bottom: 1px solid #dddddd;}

.page span {min-width: 40px; height: 40px; line-height: 40px; text-align: center;}
.page span.current, .page a {min-width: 40px; width: 40px; height: 40px; line-height: 40px;}
.page span.current, .page a:hover {min-width: 40px; width: 40px; height: 40px; line-height: 40px;}

.content {padding: 10px; overflow: hidden; width: 100%; min-height: 600px;}

.article-list li {padding: 15px; border-bottom: 1px solid #dddddd;}
.article {overflow: hidden; min-height: 600px;}
.article .article-head {padding: 20px 0; text-align: center; font-size: 1.3rem; border-bottom: 1px solid #dddddd;}
.article .article-main {padding: 20px 0; line-height: 25px;}

.form-group textarea.form-controls {border: 1px solid #dddddd; width: 100%; min-height: 150px; padding: 10px;}
.form-group .btn {background-color: #d33031; color: #ffffff; width: 220px; text-align: center; height: 40px; line-height: 40px; border-radius: 0; padding: 0; margin: 0;}